<div class="da-list-wrap">
  <div class="da-content-banner">
    <d-breadcrumb>
      <d-breadcrumb-item><a routerLink="/">{{ 'product.breadcrumb.home' | translate }}</a></d-breadcrumb-item>
      <d-breadcrumb-item>采购工作台</d-breadcrumb-item>
    </d-breadcrumb>
  </div>
  <div class="da-content-wrapper">
    <div class="content">
      <div class="container-left">
        <div class="container-left-header">
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                    viewBox="0 0 55 55">
                    <defs>
                      <style>
                        .cls-1 {
                          fill: none;
                        }

                        .cls-2 {
                          clip-path: url(#clip-path);
                        }

                        .cls-3 {
                          fill: #7dd2bc;
                        }

                        .cls-4 {
                          fill: #fff;
                        }
                      </style>
                      <clipPath id="clip-path">
                        <rect class="cls-1" x="3.5" y="2.5" width="50" height="50" />
                      </clipPath>
                    </defs>
                    <g class="cls-2">
                      <path class="cls-3"
                        d="M16.27,2.54H36.14a5.92,5.92,0,0,1,5.68,6.12,5.92,5.92,0,0,1-5.68,6.12H16.27a5.91,5.91,0,0,1-5.68-6.12,5.91,5.91,0,0,1,5.68-6.12Zm0,0" />
                      <path class="cls-3"
                        d="M9.17,4.58a.81.81,0,0,1,.64,1.15,8.06,8.06,0,0,0,.62,7.11,6.88,6.88,0,0,0,5.84,3.37H36.14A6.9,6.9,0,0,0,42,12.84a8.08,8.08,0,0,0,.61-7.12.82.82,0,0,1,.64-1.14,5.91,5.91,0,0,1,5.68,6.12V45.39a5.91,5.91,0,0,1-5.68,6.12H9.17a5.91,5.91,0,0,1-5.68-6.12V10.7A5.91,5.91,0,0,1,9.17,4.58Zm0,0" />
                    </g>
                    <rect class="cls-4" x="6" y="22.05" width="20.23" height="2.73" rx="1.36" />
                    <rect class="cls-4" x="6" y="31.14" width="15.68" height="2.73" rx="1.36" />
                    <rect class="cls-4" x="6" y="39.32" width="10.23" height="2.73" rx="1.36" />
                    <circle class="cls-4" cx="40.77" cy="39.77" r="12.73" />
                    <circle class="cls-3" cx="41.23" cy="40.23" r="10.45" />
                    <rect class="cls-4" x="37.63" y="31.85" width="3.19" height="7.68" rx="1.6"
                      transform="translate(-11.15 19.12) rotate(-24.09)" />
                    <rect class="cls-4" x="40.84" y="34.09" width="7.68" height="3.19" rx="1.6"
                      transform="translate(-6.14 61.91) rotate(-65.91)" />
                    <rect class="cls-4" x="34.41" y="37.95" width="14.55" height="2.73" rx="1.36" />
                    <rect class="cls-4" x="34.41" y="41.59" width="14.55" height="2.73" rx="1.36" />
                    <rect class="cls-4" x="37.26" y="42" width="11.3" height="2.73" rx="1.35"
                      transform="translate(-1.21 87.03) rotate(-90)" />
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    本月采购订单额
                  </div>
                  <div class="info-text-amount">
                    较上月
                    <span [ngStyle]="{'color': amountData.ourchaseOrderMonthUpRate >= 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span
                        *ngIf="amountData.ourchaseOrderMonthUpRate >= 0">+</span>{{amountData.ourchaseOrderMonthUpRate*100 | number:'1.2-2' }}%
                      <i class="icon-arrow-{{amountData.ourchaseOrderMonthUpRate >= 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                <span style="font-size: 18px;">￥</span>{{this.amountData.monthPurchaseOrderAmount}}
              </div>
            </div>
          </div>
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">

                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 55 55">
                    <defs>
                      <style>
                        .icon-4-cls-1 {
                          fill: none;
                        }

                        .icon-4-cls-2 {
                          clip-path: url(#clip-path);
                        }

                        .icon-4-cls-3 {
                          fill: #f4ea2a;
                        }

                        .icon-4-cls-4 {
                          fill: #fff;
                        }
                      </style>
                      <clipPath id="clip-path">
                        <rect class="icon-4-cls-1" x="4.5" y="2.5" width="45.45" height="49.09" />
                      </clipPath>
                    </defs>
                    <g class="icon-4-cls-2">
                      <path class="icon-4-cls-3"
                        d="M17.27,2.54H37.14a5.92,5.92,0,0,1,5.68,6.12,5.92,5.92,0,0,1-5.68,6.12H17.27a5.9,5.9,0,0,1-5.68-6.12A5.9,5.9,0,0,1,17.27,2.54Z" />
                      <path class="icon-4-cls-3"
                        d="M10.17,4.58a.81.81,0,0,1,.71.9.78.78,0,0,1-.07.25,8.07,8.07,0,0,0,.62,7.11,6.88,6.88,0,0,0,5.84,3.37H37.14A6.88,6.88,0,0,0,43,12.84a8.09,8.09,0,0,0,.61-7.12A.82.82,0,0,1,44,4.64a.9.9,0,0,1,.22-.06,5.9,5.9,0,0,1,5.68,6.12V45.39a5.9,5.9,0,0,1-5.68,6.12H10.17a5.9,5.9,0,0,1-5.68-6.12V10.7A5.9,5.9,0,0,1,10.17,4.58Z" />
                    </g>
                    <circle class="icon-4-cls-4" cx="41.77" cy="39.77" r="12.73" />
                    <circle class="icon-4-cls-3" cx="42.23" cy="40.23" r="10.45" />
                    <path class="icon-4-cls-4"
                      d="M38.66,32.19h0a1.59,1.59,0,0,1,2.11.81l1.83,4.09a1.6,1.6,0,0,1-.8,2.11h0a1.59,1.59,0,0,1-2.11-.81L37.86,34.3A1.6,1.6,0,0,1,38.66,32.19Z" />
                    <path class="icon-4-cls-4"
                      d="M43.31,37.08,45.14,33a1.6,1.6,0,0,1,2.11-.81h0a1.6,1.6,0,0,1,.8,2.11l-1.83,4.09a1.59,1.59,0,0,1-2.11.81h0A1.6,1.6,0,0,1,43.31,37.08Z" />
                    <rect class="icon-4-cls-4" x="35.41" y="37.95" width="14.55" height="2.73" rx="1.36" />
                    <rect class="icon-4-cls-4" x="35.41" y="41.59" width="14.55" height="2.73" rx="1.36" />
                    <rect class="icon-4-cls-4" x="41.55" y="38.47" width="2.73" height="11.3" rx="1.35" />
                    <path class="icon-4-cls-4"
                      d="M13,32.72l5.05,5.54a.81.81,0,0,0,1.14,0h0l5.13-5.51a.66.66,0,0,0-.06-.93.62.62,0,0,0-.52-.16H21.61l0-9.11a1.2,1.2,0,0,0-1.27-1.12H17a1.2,1.2,0,0,0-1.27,1.11h0l0,9.11H13.6a.66.66,0,0,0-.76.54A.65.65,0,0,0,13,32.72Z" />
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    本月到货额
                  </div>
                  <div class="info-text-amount">
                    较上月
                    <span [ngStyle]="{'color': amountData.purchaseArrivalMonthUpRate >= 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span
                        *ngIf="amountData.purchaseArrivalMonthUpRate >= 0">+</span>{{amountData.purchaseArrivalMonthUpRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{amountData.purchaseArrivalMonthUpRate >= 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                <span style="font-size: 18px;">￥</span>{{this.amountData.monthPurchaseArrivalAmount}}
              </div>
            </div>
          </div>
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                    viewBox="0 0 55 55">
                    <defs>
                      <style>
                        .icon-5-cls-1 {
                          fill: none;
                        }

                        .icon-5-cls-2 {
                          clip-path: url(#clip-path);
                        }

                        .icon-5-cls-3 {
                          fill: #1296db;
                        }

                        .icon-5-cls-4 {
                          fill: #fff;
                        }
                      </style>
                      <clipPath id="clip-path">
                        <rect class="icon-5-cls-1" x="4.5" y="2.5" width="45.45" height="49.09" />
                      </clipPath>
                    </defs>
                    <g class="icon-5-cls-2">
                      <path class="icon-5-cls-3"
                        d="M17.27,2.54H37.14a5.92,5.92,0,0,1,5.68,6.12,5.92,5.92,0,0,1-5.68,6.12H17.27a5.91,5.91,0,0,1-5.68-6.12,5.91,5.91,0,0,1,5.68-6.12Zm0,0" />
                      <path class="icon-5-cls-3"
                        d="M10.17,4.58a.81.81,0,0,1,.64,1.15,8.06,8.06,0,0,0,.62,7.11,6.88,6.88,0,0,0,5.84,3.37H37.14A6.9,6.9,0,0,0,43,12.84a8.08,8.08,0,0,0,.61-7.12.82.82,0,0,1,.64-1.14,5.91,5.91,0,0,1,5.68,6.12V45.39a5.91,5.91,0,0,1-5.68,6.12H10.17a5.91,5.91,0,0,1-5.68-6.12V10.7a5.91,5.91,0,0,1,5.68-6.12Zm0,0" />
                    </g>
                    <circle class="icon-5-cls-4" cx="41.77" cy="39.77" r="12.73" />
                    <circle class="icon-5-cls-3" cx="42.23" cy="40.23" r="10.45" />
                    <rect class="icon-5-cls-4" x="38.63" y="31.85" width="3.19" height="7.68" rx="1.6"
                      transform="translate(-11.06 19.53) rotate(-24.09)" />
                    <rect class="icon-5-cls-4" x="41.84" y="34.09" width="7.68" height="3.19" rx="1.6"
                      transform="translate(-5.54 62.82) rotate(-65.91)" />
                    <rect class="icon-5-cls-4" x="35.41" y="37.95" width="14.55" height="2.73" rx="1.36" />
                    <rect class="icon-5-cls-4" x="35.41" y="41.59" width="14.55" height="2.73" rx="1.36" />
                    <rect class="icon-5-cls-4" x="37.26" y="42.76" width="11.3" height="2.73" rx="1.35"
                      transform="translate(-1.21 87.03) rotate(-90)" />
                    <path class="icon-5-cls-4"
                      d="M21.41,28.89H15.5L18,25.63a.77.77,0,0,0,.14-.49.88.88,0,0,0-.14-.49L16.72,23A.44.44,0,0,0,16,23l-5.23,6.91a1.13,1.13,0,0,0-.19.38,1.4,1.4,0,0,0-.06.43,1.61,1.61,0,0,0,.06.44,2.25,2.25,0,0,0,.19.38L16,38.47a.47.47,0,0,0,.37.2.5.5,0,0,0,.37-.2L18,36.82a.9.9,0,0,0,.11-.22.84.84,0,0,0,0-.27.78.78,0,0,0,0-.26,1,1,0,0,0-.11-.23l-2.47-3.26h4.34c.49,0,.87.52.87,1.15v6.08a.91.91,0,0,0,.15.49.53.53,0,0,0,.37.2H23a.5.5,0,0,0,.37-.2.82.82,0,0,0,.16-.49V31.66a3.68,3.68,0,0,0-1.18-2.31A2.43,2.43,0,0,0,21.41,28.89Z" />
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    本月退货额
                  </div>
                  <div class="info-text-amount">
                    较上月
                    <span [ngStyle]="{'color': amountData.purchaseArrivalMonthUpRate < 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span *ngIf="amountData.purchaseArrivalMonthUpRate >= 0">+</span>{{amountData.purchaseArrivalMonthUpRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{amountData.purchaseArrivalMonthUpRate < 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                <span style="font-size: 18px;">￥</span>{{this.amountData.monthPurchaseReturnAmount}}
              </div>
            </div>
          </div>
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 55 55">
                    <defs>
                      <style>
                        .icon-6-cls-1 {
                          fill: none;
                        }

                        .icon-6-cls-2 {
                          fill: #fff;
                        }

                        .icon-6-cls-3 {
                          clip-path: url(#clip-path);
                        }

                        .icon-6-cls-4 {
                          fill: #fdba54;
                        }

                        .icon-6-cls-5 {
                          fill: #ffde8d;
                        }
                      </style>
                      <clipPath id="clip-path">
                        <rect class="icon-6-cls-1" x="2.5" y="2.5" width="50" height="50" />
                      </clipPath>
                    </defs>
                    <path class="icon-6-cls-2"
                      d="M21.41,28.89H15.5L18,25.63a.77.77,0,0,0,.14-.49.88.88,0,0,0-.14-.49L16.72,23A.44.44,0,0,0,16,23l-5.23,6.91a1.13,1.13,0,0,0-.19.38,1.4,1.4,0,0,0-.06.43,1.61,1.61,0,0,0,.06.44,2.25,2.25,0,0,0,.19.38L16,38.47a.47.47,0,0,0,.37.2.5.5,0,0,0,.37-.2L18,36.82a.9.9,0,0,0,.11-.22.84.84,0,0,0,0-.27.78.78,0,0,0,0-.26,1,1,0,0,0-.11-.23l-2.47-3.26h4.34c.49,0,.87.52.87,1.15v6.08a.91.91,0,0,0,.15.49.53.53,0,0,0,.37.2H23a.5.5,0,0,0,.37-.2.82.82,0,0,0,.16-.49V31.66a3.68,3.68,0,0,0-1.18-2.31A2.43,2.43,0,0,0,21.41,28.89Z" />
                    <g class="icon-6-cls-3">
                      <path class="icon-6-cls-4"
                        d="M6.57,41.19,22.75,25l2.43,2.43L8.7,43.92a26.07,26.07,0,0,1-2.13-2.73ZM2.51,26.37,13.3,15.61,15.72,18l-13,13a24.53,24.53,0,0,1-.22-4.61ZM11,46.22,46.28,11A25,25,0,0,1,11,46.22ZM3.35,20.93A24.8,24.8,0,0,1,8.7,11L11,13.3Zm.2,13.83L18,20.32l2.43,2.43L4.93,38.24a27.38,27.38,0,0,1-1.38-3.48Zm0,0" />
                      <path class="icon-6-cls-5" d="M44,8.72a25,25,0,0,0-33,0L27.48,25.17Zm0,0" />
                    </g>
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    本月交期率
                  </div>
                  <div class="info-text-amount">
                    较上月
                    <span [ngStyle]="{'color': amountData.purchaseDeliveryMonthUpRate >= 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span *ngIf="amountData.purchaseDeliveryMonthUpRate >= 0">+</span>{{amountData.purchaseDeliveryMonthUpRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{amountData.purchaseDeliveryMonthUpRate >= 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                {{this.amountData.monthPurchaseDeliveryRate*100 | number:'1.2-2'}}<span style="font-size: 18px;">%</span>
              </div>
            </div>
          </div>
        </div>
        <div class="container-left-tatal">
          <div class="tatal-left">
            <div class="tatal-left-text">
              <span>总采购额</span> <span>￥{{amountData.totalPurchaseOrderAmount}}</span>
            </div>
          </div>
          <div class="tatal-right">
            <div class="tatal-right-text">
              <span>总到货额</span> <span>￥{{amountData.totalPurchaseArrivalAmount}}</span>
            </div>
          </div>
        </div>
        <div class="container-left-banner">
          <div class="banner-body">
            <div class="title">
              待办事项 <span style="color: #999;">({{todoList.allPurchaseTasksCount}})</span>
            </div>
            <div class="body">
              <div class="body-item">
                <div class="body-item-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55">
                    <defs>
                      <style>
                        .iocn-5-cls-1 {
                          fill: #c7b0ff;
                        }

                        .iocn-5-cls-2 {
                          fill: #9076f8;
                        }

                        .iocn-5-cls-3 {
                          fill: #fff;
                        }
                      </style>
                    </defs>
                    <path class="iocn-5-cls-1" d="M7.36,37.89H27v14H9.85a2.48,2.48,0,0,1-2.49-2.49h0Z" />
                    <path class="iocn-5-cls-2" d="M2.5,27.5a25,25,0,1,0,25-25A25,25,0,0,0,2.5,27.5Z" />
                    <path class="iocn-5-cls-3"
                      d="M22.45,34.54a2.5,2.5,0,0,1,1.72.69,2.18,2.18,0,0,1,.52.78,2.5,2.5,0,0,1,.18.94,2.53,2.53,0,0,1-.18.94,2.23,2.23,0,0,1-.52.77,2.73,2.73,0,0,1-.78.52,2.36,2.36,0,0,1-1.9,0,3.07,3.07,0,0,1-.77-.52,2.38,2.38,0,0,1-.52-.77A2.53,2.53,0,0,1,20,37,2.46,2.46,0,0,1,20.2,36a2.42,2.42,0,0,1,.52-.78,3,3,0,0,1,.77-.51,2.49,2.49,0,0,1,1-.18Zm10.86.05a2.59,2.59,0,0,1,.95.18,2.37,2.37,0,0,1,.78.52,2.18,2.18,0,0,1,.52.77,2.31,2.31,0,0,1,0,1.88,2.44,2.44,0,0,1-1.3,1.28,2.31,2.31,0,0,1-1.89,0,2.54,2.54,0,0,1-.78-.52,2.63,2.63,0,0,1-.52-.76,2.2,2.2,0,0,1-.19-.94,2.26,2.26,0,0,1,.19-.94,3,3,0,0,1,.52-.78,2.63,2.63,0,0,1,.78-.51,2.46,2.46,0,0,1,.94-.18Zm4.38-14.82a2.7,2.7,0,0,1,1.14.19,1.37,1.37,0,0,1,.58.49,1.09,1.09,0,0,1,.15.61,2.19,2.19,0,0,1-.09.56c-.29.86-.59,1.72-.89,2.57-.2.59-.41,1.16-.61,1.74s-.35,1-.45,1.36a3,3,0,0,1-.87,1.45,2,2,0,0,1-1.27.4H21.67l.39,2.35H35.21c.84,0,1.26.36,1.26,1.07a1.58,1.58,0,0,1-.25.9,1.1,1.1,0,0,1-1,.38H21.56a1.49,1.49,0,0,1-.87-.24A1.81,1.81,0,0,1,20.1,33a3.59,3.59,0,0,1-.38-.82,7.79,7.79,0,0,1-.22-.83c0-.11-.07-.36-.14-.76s-.18-.9-.29-1.5-.24-1.27-.38-2l-.42-2.23Q17.78,22.2,17.15,19h-2a1.08,1.08,0,0,1-.65-.19,1.79,1.79,0,0,1-.43-.48,1.55,1.55,0,0,1-.24-.58,2.78,2.78,0,0,1-.06-.58,1.12,1.12,0,0,1,.35-.86,1.31,1.31,0,0,1,1-.34h2.63a1.82,1.82,0,0,1,.84.16,1.43,1.43,0,0,1,.75.88c.05.18.1.33.14.45s.06.33.1.59l.11.76c0,.32.1.65.15,1Z" />
                  </svg>
                </div>
                <div class="body-item-title">
                  订单需求审批
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link"
                    style="text-decoration: underline;">{{todoList.purchaseRequireTasksCount}}</a>项需求待审批
                </div>
              </div>
              <div class="body-item">
                <img class="body-img" src="../../../../assets/img/icon/箭头.png" alt="">
              </div>
              <div class="body-item">
                <div class="body-item-img">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70">
                    <defs>
                      <style>
                        .class-1 {
                          fill: #3dd5bb;
                        }

                        .class-2 {
                          fill: #9fffe8;
                        }

                        .class-3 {
                          fill: #fff;
                        }
                      </style>
                    </defs>
                    <path class="class-1"
                      d="M48.93,6.4a8.1,8.1,0,0,1,8,8.14l-.22,21.67a17.66,17.66,0,0,0-29.81,13,18.68,18.68,0,0,0,1.87,8,16.17,16.17,0,0,0,5.28,6.27L17,63.6a8.1,8.1,0,0,1-8-8.14V14.54A8,8,0,0,1,17,6.4ZM27.37,29.5H18.9a2.09,2.09,0,0,0-1.43.55,2.3,2.3,0,0,0-.44.66,2.75,2.75,0,0,0,0,1.54,2.3,2.3,0,0,0,.44.66,1.6,1.6,0,0,0,1.43.77h8.47a2.09,2.09,0,0,0,2.09-2.09,2.16,2.16,0,0,0-2.09-2.09ZM47.61,18.61H18.9a2.09,2.09,0,1,0,0,4.18H47.61a2.09,2.09,0,1,0,0-4.18Zm0,0" />
                    <circle class="class-2" cx="45" cy="50" r="14" />
                    <path class="class-1"
                      d="M43.29,51.15V48.77a4.91,4.91,0,1,1,3.93,0v2.38h4.41a2.45,2.45,0,0,1,2.46,2.45v2.46H36.42V53.6a2.45,2.45,0,0,1,2.45-2.45ZM36.42,57H54.09v2H36.42Zm0,0" />
                    <path class="class-3" d="M54.09,56.06H36.42v1H54.09Zm0,0" />
                  </svg>
                </div>
                <div class="body-item-title">
                  订单审批
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link" style="text-decoration: underline;">{{todoList.purchaseOrdeTasksrCount}}</a>单待审批
                </div>
              </div>
              <div class="body-item">
                <img class="body-img" src="../../../../assets/img/icon/箭头.png" alt="">
              </div>
              <div class="body-item">
                <div class="body-item-img">

                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55.01 41.06">
                    <defs>
                      <style>
                        .icon-7-cls-1 {
                          fill: #ffde8d;
                        }

                        .icon-7-cls-2 {
                          fill: #fdba54;
                        }

                        .icon-7-cls-3 {
                          fill: #fff;
                        }
                      </style>
                    </defs>
                    <path class="icon-7-cls-1"
                      d="M44.62,28.09c0,2.42.56,3.16,1.12,3.9a3.13,3.13,0,0,1,.74,2A11.84,11.84,0,0,1,45,38.55h6.89A13.08,13.08,0,0,1,50.39,34a3,3,0,0,1,.74-2c.56-.74,1.12-1.48,1.12-3.9a4,4,0,0,0-4.14-3.85,4,4,0,0,0-2.56,1.05A5.5,5.5,0,0,0,44.62,28.09ZM56.44,39.72H39.78A1.47,1.47,0,0,0,38.2,41v3.55a1.47,1.47,0,0,0,1.58,1.3H56.44A1.47,1.47,0,0,0,58,44.57V41.11a1.43,1.43,0,0,0-1.44-1.4Z"
                      transform="translate(-3.01 -4.82)" />
                    <path class="icon-7-cls-2"
                      d="M48,21.85l.56-5a3.06,3.06,0,0,0-.1-1.31,6.86,6.86,0,0,0-.65-1.11L39.22,5.75a3.61,3.61,0,0,0-.93-.65,2.53,2.53,0,0,0-1.21-.28H14.52A4.69,4.69,0,0,0,13.4,5a3.32,3.32,0,0,0-.93.65L4,14.41a2.21,2.21,0,0,0-.65,1.16A2.31,2.31,0,0,0,3,16.88L5.9,43.21a3.23,3.23,0,0,0,.94,1.86,3,3,0,0,0,1.95.75H36.15a2.9,2.9,0,0,1-.28-1.3V40.93a3.82,3.82,0,0,1,3.91-3.63h3.16a10.05,10.05,0,0,0,1.21-3.54c0-.09,0-.18-.28-.56-.83-1-1.58-2.32-1.58-5.3A5.87,5.87,0,0,1,44,23.71,6.8,6.8,0,0,1,48,21.85ZM30.41,25.12l.33,9.78-.66-1.06,1-3.94c-.48,1.86-1,3.94-1,3.94s.13-.5.17-.7c.23-1.06-.14-2.74-2.75-5.52h-5v2.7c0,.28-.18.37-.46.28L15.77,27c-.28-.09-.28-.37,0-.47l6.33-3.63a.31.31,0,0,1,.42.12.32.32,0,0,1,0,.16v2.7h5q5,6,5.58,5.59T30.41,25.12ZM6,16.57l8.52-8h22.7l8.47,8Z"
                      transform="translate(-3.01 -4.82)" />
                    <rect class="icon-7-cls-2" x="8.62" y="16.19" width="23.22" height="16.11" />
                    <rect class="icon-7-cls-3" x="15.7" y="18.3" width="4.86" height="11.46" rx="1.3" />
                    <path class="icon-7-cls-3"
                      d="M21.91,40.77l4-6.21a.91.91,0,0,0-.28-1.26.9.9,0,0,0-.48-.14H17.22a.9.9,0,0,0-.91.9,1,1,0,0,0,.14.5l4,6.21a.91.91,0,0,0,1.27.18A.66.66,0,0,0,21.91,40.77Z"
                      transform="translate(-3.01 -4.82)" />
                  </svg>
                </div>
                <div class="body-item-title">
                  到货单处理
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link"
                    style="text-decoration: underline;">{{todoList.purchaseDeliveryTasksCount}}</a>条到货单待处理
                </div>
              </div>
              <div class="body-item">
                <img class="body-img" src="../../../../assets/img/icon/箭头.png" alt="">
              </div>
              <div class="body-item">
                <div class="body-item-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55.01 41.05">
                    <defs>
                      <style>
                        .icon-8-cls-1 {
                          fill: #b475af;
                        }

                        .icon-8-cls-2 {
                          fill: #dba9cc;
                        }
                      </style>
                    </defs>
                    <path class="icon-8-cls-1"
                      d="M44.62,28.1c0,2.42.56,3.16,1.12,3.9a3.11,3.11,0,0,1,.74,2A12,12,0,0,1,45,38.56h6.89A13.15,13.15,0,0,1,50.39,34a2.93,2.93,0,0,1,.74-2c.56-.74,1.12-1.48,1.12-3.9a4,4,0,0,0-6.73-2.75,5.5,5.5,0,0,0-.93,2.8ZM56.44,39.73H39.78A1.47,1.47,0,0,0,38.2,41v3.54a1.47,1.47,0,0,0,1.58,1.3H56.44A1.47,1.47,0,0,0,58,44.57V41.12a1.42,1.42,0,0,0-1.44-1.4Z"
                      transform="translate(-3.01 -4.83)" />
                    <path class="icon-8-cls-2"
                      d="M48,21.86l.56-5a3,3,0,0,0-.1-1.3,6.45,6.45,0,0,0-.65-1.11L39.22,5.76a3.18,3.18,0,0,0-.93-.65,2.42,2.42,0,0,0-1.21-.28H14.52A4.24,4.24,0,0,0,13.4,5a3.32,3.32,0,0,0-.93.65L4,14.42a2.17,2.17,0,0,0-.65,1.11A2.26,2.26,0,0,0,3,16.83L5.9,43.17A3.26,3.26,0,0,0,6.84,45a3,3,0,0,0,1.95.75H36.15a3,3,0,0,1-.28-1.31V40.94a3.81,3.81,0,0,1,3.91-3.59h3.16a10.19,10.19,0,0,0,1.21-3.54c0-.09,0-.18-.28-.56-.83-1-1.58-2.32-1.58-5.3A5.84,5.84,0,0,1,44,23.76a6.74,6.74,0,0,1,4-1.86ZM27.52,36.94h-8.1a1,1,0,0,1,0-2h8.1a3.57,3.57,0,0,0,3.62-3.52v-.11a3.63,3.63,0,0,0-3.62-3.63h-5v2.72c0,.28-.18.37-.46.28L15.73,27c-.28-.09-.28-.37,0-.47l6.33-3.63a.3.3,0,0,1,.42.12.29.29,0,0,1,0,.16v2.7h5a5.6,5.6,0,0,1,5.58,5.59,5.52,5.52,0,0,1-5.57,5.47ZM6,16.56l8.47-8h22.7l8.47,8Z"
                      transform="translate(-3.01 -4.83)" />
                  </svg>
                </div>
                <div class="body-item-title">
                  退货单处理
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link" style="text-decoration: underline;">{{todoList.purchaseReturnTasksCount}}</a>退货单待处理
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="container-left-footer">
          <div class="footer-content">
            <div class="title">
              采购额统计
            </div>
            <div class="content" id="xiaoshoue">

            </div>
          </div>
        </div>
      </div>
      <div class="container-right">
        <div class="container-right-header card">
          <div class="container-right-header-title">
            快捷方法
          </div>
          <div class="container-right-header-content">
            <div class="container-right-header-content-item" [routerLink]="'/pages/purchase/purchase-require'">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-shouhoufeiyongshenqing" class="icon-use"></use>
              </svg>
              <div class="icon-title">采购需求单</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/purchase/purchase-order'">
              <svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
                <defs>
                  <style>
                    .icon-2-cls-1 {
                      fill: #b475af;
                    }

                    .icon-2-cls-2 {
                      fill: #dba9cc;
                    }

                    .icon-2-cls-3 {
                      fill: #fff;
                    }
                  </style>
                </defs>
                <g>
                  <path class="icon-2-cls-1"
                    d="M49.63,6.56a8,8,0,0,1,7.92,8.09L57.33,36.2C38.82,19.89,16,48,35,63.33l-16.82.11a8,8,0,0,1-7.93-8.09V14.65a8,8,0,0,1,7.93-8.09Zm-21.28,23H20c-2.74,0-2.44,4,0,4.16h8.36a2.07,2.07,0,0,0,2.06-2.08,2.14,2.14,0,0,0-2.06-2.08Zm20-10.83H20a2.08,2.08,0,0,0,0,4.16H48.32a2.08,2.08,0,0,0,0-4.16Zm0,0" />
                  <path class="icon-2-cls-2"
                    d="M59.78,49.42c-.32,18.69-27.7,18.69-28,0C32.09,30.73,59.46,30.73,59.78,49.42Z" />
                  <path class="icon-2-cls-3"
                    d="M48.08,42.94l4,5c-.25.07-10.64,10.18-10.77,9.45-.29-.06-4.21.52-4.29.07-.4-.13.75-4.25.73-4.54-.48-.54,10.14-9.47,10.38-9.94Zm0,0" />
                  <path class="icon-2-cls-3"
                    d="M51.8,41.9c1.43,1.9,3.49,3.33.82,5.39l-3.95-5c.88-1,2.12-1.61,3.13-.42Zm0,0" />
                </g>
              </svg>
              <div class="icon-title">采购订单</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/purchase/purchase-arrival'">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-fahuodan
                "></use>
              </svg>
              <div class="icon-title">采购到货单</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/purchase/purchase-return'">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-tuihuodan"></use>
              </svg>
              <div class="icon-title">采购退货单</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/basicdata/supplier'">
              <svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" class="icon">
                <defs>
                  <style>
                    .icon-1-cls-1 {
                      fill: #1296db;
                    }
                    .icon-1-cls-2 {
                      fill: #fff;
                    }
                  </style>
                </defs>
                <g>
                  <path class="icon-1-cls-1"
                    d="M49.63,6.56a8,8,0,0,1,7.92,8.09L57.33,36.2C38.82,19.89,16,48,35,63.33l-16.82.11a8,8,0,0,1-7.93-8.09V14.65a8,8,0,0,1,7.93-8.09Zm-21.28,23H20c-2.74,0-2.44,4,0,4.16h8.36a2.07,2.07,0,0,0,2.06-2.08,2.14,2.14,0,0,0-2.06-2.08Zm20-10.83H20a2.08,2.08,0,0,0,0,4.16H48.32a2.08,2.08,0,0,0,0-4.16Zm0,0" />
                  <path class="icon-1-cls-1"
                    d="M60,49.07c-.31,18.7-27.69,18.69-28,0C32.34,30.38,59.71,30.38,60,49.07Z" />
                  <path class="icon-1-cls-2"
                    d="M47.49,48.84a4.64,4.64,0,1,0-2.94,0c-3.28.66-6.26,3.44-6.26,6.8A2.7,2.7,0,0,0,41,58.35h10a2.7,2.7,0,0,0,2.7-2.71c0-3.36-3-6.14-6.26-6.8Zm0,0" />
                </g>
              </svg>
              <div class="icon-title">供应商管理</div>
            </div>
          </div>
        </div>
        <div class="p-15">
          <div class="container-right-body card">
            <div class="container-right-body-title">
              到货情况
            </div>
            <div class="container-right-body-content" id="jiaofu" style="overflow: visible;">
            </div>
          </div>
        </div>
        <div class="p-15">
          <div class="container-right-foot card">
            <div class="container-right-foot-title">
              退货情况
            </div>
            <div class="container-right-foot-content" id="afterSalesChart">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
